<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../js/myQuery.js"></script>
    <script src="../js/tool.js"></script>
    <script src="../js/1.js"></script>
</head>

<body>

</body>
<script>
    // JS分离
    // html中可以将JS分离,提取为外部JS文件
    //   1. 结构(html) 表现(css) 功能(js)
    //   2. 将页面中复杂的功能 -> 分离开来 -> 提取为(不同的JS文件) 将大模块拆分小模块 => 按功能拆

    //  => 引入可导致全局变量过多 -> 不好

    // 发展史  
    // 变量和方法 -> 对象 -> 闭包  ->  模块化(ES6Module  CommonJS(node)  AMD CMD)


    // console.log($);
    // console.log(debounceFn);
    // console.log(throttleFn);

    // console.log(obj);

    // console.log(fn);

    var obj = fn();
    console.log(obj);

    obj.add();
    obj.add();
    obj.add();
    obj.add();

    console.log(obj.a);

    obj.a = 100;
    obj.add();
    obj.add();
    obj.add();
    obj.add();
    console.log(obj.a);



</script>

</html>